import React from "react";
import { Typography, Row, Col, Divider } from "antd";
import styles from './JointVenture.module.css'
import image1 from '../../assets/images/facebook-807588_640.png'
import image2 from '../../assets/images/follow-826033_640.png'
import image3 from '../../assets/images/icon-720944_640.png'
import image4 from '../../assets/images/microsoft-80658_640.png'

export const JointVenture: React.FC = () => {
  return (
    <>
      <Divider orientation="left"> <Typography.Title level={3} type="warning" >合作企业</Typography.Title> </Divider>
      <Row>
        <Col span={6}>
          <img src={image3} alt="" className={styles["image-box"]} />
        </Col>
        <Col span={6}>
          <img src={image4} alt="" className={styles["image-box"]} />
        </Col>
        <Col span={6}>
          <img src={image1} alt="" className={styles["image-box"]} />
        </Col>
        <Col span={6}>
          <img src={image2} alt="" className={styles["image-box"]} />
        </Col>
      </Row>
    </>
  )
}